<html xml:lang="zh-CN" lang="zh-CN">
<head>
    <link href="style.css" type="text/css" rel=stylesheet >
    <link rel="stylesheet" href="normalize.css" type="text/css">   
</head>    
<body>
    <div class="siteTopBar">
      <div class="container">
          <div class="topNav">
              <ul>
                  <li><a href="">小米网</a><span class="sep">|</span></li>
                  <li><a href="">MIUI</a><span class="sep">|</span></li>
                  <li><a href="">小米网</a><span class="sep">|</span></li>
                  <li><a href="">小米网</a><span class="sep">|</span></li>
                  <li><a href="">小米网</a><span class="sep">|</span></li>
                  <li><a href="">小米网</a><span class="sep">|</span></li>
                  <li><a href="">小米网</a><span class="sep">|</span></li>
                  <li><a href="">小米网</a></li>
              </ul>
          </div>
          <div class="login">
              <ul>
                  <li><a href="">登录</a><span class="sep">|</span></li>
                  <li><a href="">注册</a></li>
              </ul>    
          </div>
      </div> 
   </div>
   <div class="siteHeader container">
       <div class="logo">
           <a href="#"></a>
       </div>
       <div class="search">
           <form action="">
                <input type="search" placeholder="搜索您需要的商品"></input>
                <input type="submit"></input>
            </form>
           <div class="shoppingCart">
               <a href="">购物车</a>
           </div>
       </div>
       <div class="headerNav">
           <div class="navCategory">
               <a href="" class="btnCategoryList">全部商品分类</a>
               <div class="navCategorySection">
                    <ul>
                        <li>
                            <div class="navCategoryContent noTopBorder">
                                <a href="">购买手机</a>
                                <div class="links">
                                    <a href="">小米Note</a>
                                    <a href="">小米4</a>
                                    <a href="">红米</a>
                                    <a href="">红米Note</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="navCategoryContent">
                                 <a href="">购买手机</a>
                                <div class="links">
                                    <a href="">小米Note</a>
                                    <a href="">小米4</a>
                                    <a href="">红米</a>
                                    <a href="">红米Note</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="navCategoryContent">
                                 <a href="">购买手机</a>
                                <div class="links">
                                    <a href="">小米Note</a>
                                    <a href="">小米4</a>
                                    <a href="">红米</a>
                                    <a href="">红米Note</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="navCategoryContent">
                                 <a href="">购买手机</a>
                                <div class="links">
                                    <a href="">小米Note</a>
                                    <a href="">小米4</a>
                                    <a href="">红米</a>
                                    <a href="">红米Note</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="navCategoryContent">
                                 <a href="">购买手机</a>
                                <div class="links">
                                    <a href="">小米Note</a>
                                    <a href="">小米4</a>
                                    <a href="">红米</a>
                                    <a href="">红米Note</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="navCategoryContent">
                                 <a href="">购买手机</a>
                                <div class="links">
                                    <a href="">小米Note</a>
                                    <a href="">小米4</a>
                                    <a href="">红米</a>
                                    <a href="">红米Note</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="navCategoryContent">
                                 <a href="">购买手机</a>
                                <div class="links">
                                    <a href="">小米Note</a>
                                    <a href="">小米4</a>
                                    <a href="">红米</a>
                                    <a href="">红米Note</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="navCategoryContent">
                                 <a href="">购买手机</a>
                                <div class="links">
                                    <a href="">小米Note</a>
                                    <a href="">小米4</a>
                                    <a href="">红米</a>
                                    <a href="">红米Note</a>
                                </div>
                            </div>
                        </li>
                    </ul>
               </div>
           </div>
           <div class="navMain">
               <ul class="navMainList">
                   <li><a href=""><span>首页</span></a></li>
               </ul>
               <ul class="navMainList">
                   <li><a href=""><span>小米手机</span></a></li>
               </ul>
               <ul class="navMainList">
                   <li><a href=""><span>小米手机</span></a></li>
               </ul>
               <ul class="navMainList">
                   <li><a href=""><span>小米手机</span></a></li>
               </ul>
               <ul class="navMainList">
                   <li><a href=""><span>小米手机</span></a></li>
               </ul>
               <ul class="navMainList">
                   <li><a href=""><span>小米手机</span></a></li>
               </ul>
               <ul class="navMainList">
                   <li><a href=""><span>小米手机</span></a></li>
               </ul>
               <ul class="navMainList">
                   <li><a href=""><span>小米手机</span></a></li>
               </ul>
               <ul class="navMainList">
                   <li><a href=""><span>小米手机</span></a></li>
               </ul>
               <ul class="navMainList">
                   <li><a href=""><span>小米手机</span></a></li>
               </ul>
           </div>
           <div class="openBuyInfo"></div>
       </div>
   </div>
   <div class="container">
       <div class="row">
           <div class="slideShow"></div>
           <div class="hdShow">
               <div class="column1-3"></div>
               <div class="column1-3"></div>
               <div class="column1-3"></div>
           </div>
       </div>
       <div class="starGoods">
           <div class="starGoods-title">
               <h1>小米明星单品</h1>
               <a href="">根据机型选配件</a>
           </div>
           <div class="starGoods-row">
               <div class="column1-4"></div>
               <div class="column1-4"></div>
               <div class="column1-4"></div>
               <div class="column1-4"></div>
           </div>
       </div>
       <div class="newGoods">
           <div class="newGoods-title">新品上架</div>
           <div class="newGoods-row">
               <div class="column2-4"></div>
               <div class="column1-4"></div>
               <div class="column1-4"></div>
           </div>
       </div>
       <div class="hotGoods"></div>
       <div class="commentedGoods"></div>
       <div class="saleOffGoods"></div>
       <div class="commentedGoods"></div>
       <div class="commentedGoods"></div>
   </div>
   <div class="footer"></div>
</body>    
 <script src='alloydesigner.js' type='text/javascript'></script>
</html>    